<h2>Hero List</h2>

<p><i>Pick a hero from here</i></p>

<ul>
<!-- 对 heros 中的每个对象创建一个 DOM 元素，Angular 会自动把 heros 数组中的改动映射到 DOM -->
	<li *ngFor="let hero of heroes" (click)="selectHero(hero)">
		{{hero.name}}
	</li>
</ul>

<!--判断表达式而添加或删除DOM元素，是实时的-->
<hero-detail *ngIf="selectedHero" [hero]="selectedHero"></hero-detail>